<template>
  <van-divider
    content-position="left"
    :style="{ color: '#1989fa', borderColor: '#1989fa' }"
  >
    用车信息
  </van-divider>
  <van-form>
    <van-cell-group inset>
      <van-field label="申请人">
        <template #input>
          <div>{{ data.create_by_name }}</div>
        </template>
      </van-field>
      <van-field label="用车部门">
        <template #input>
          <div>{{ data.department_id }}</div>
        </template>
      </van-field>
      <van-field label="用车数量">
        <template #input>
          <div>{{ data.car_count }}</div>
        </template>
      </van-field>
      <van-field label="出发地址">
        <template #input>
          <div>{{ data.start }}</div>
        </template>
      </van-field>
      <van-field label="到达地址">
        <template #input>
          <div v-for="(item, idx) of data.destination_list" :key="idx">
            {{ item }}
          </div>
        </template>
      </van-field>
      <van-field label="预计里程">
        <template #input>
          <div>{{ data.expected_mileage }}KM</div>
        </template>
      </van-field>

      <van-field label="乘车人员">
        <template #input>
          <div>{{ data.rading_count }}</div>
        </template>
      </van-field>
      <van-field label="申请时间">
        <template #input>
          <div>{{ data.create_time }}</div>
        </template>
      </van-field>
      <van-field label="要车人">
        <template #input>
          <div>{{ data.use_user_id }}</div>
        </template>
      </van-field>
      <van-field label="联系电话">
        <template #input>
          <div>{{ data.phone }}</div>
        </template>
      </van-field>
      <van-field label="预计出车时间">
        <template #input>
          <div>{{ data.plan_begin_time }}</div>
        </template>
      </van-field>
      <van-field label="预计回车时间">
        <template #input>
          <div>{{ data.plan_end_time }}</div>
        </template>
      </van-field>
      <van-field label="用车类型">
        <template #input>
          <div>{{ data.use_car_type_name }}</div>
        </template>
      </van-field>
      <van-field label="车型">
        <template #input>
          <div>{{ data.car_model_name }}</div>
        </template>
      </van-field>

      <van-field label="车辆类型">
        <template #input>
          <div>{{ data.car_type_name }}</div>
        </template>
      </van-field>

      <van-field label="备注信息">
        <template #input>
          <div>{{ data.remark }}</div>
        </template>
      </van-field>
    </van-cell-group>
  </van-form>
</template>

<script lang="ts" setup>
  import { ref, withDefaults, defineEmits, defineProps } from 'vue';

  interface Props {
    data: any;
  }
  const props = withDefaults(defineProps<Props>(), {});
  const emit = defineEmits(['']);
</script>

<style lang="less" scoped></style>
